<template>
  <div class="expense-details-board">
    <ExpenseDetailsBoardHead v-bind="$attrs" v-on="$listeners" :from="from"></ExpenseDetailsBoardHead>
    <ExpenseDetailsBoardChart v-bind="$attrs" :from="from"></ExpenseDetailsBoardChart>
  </div>
</template>

<script>
import ExpenseDetailsBoardHead from './expense-details-board-head.vue'
import ExpenseDetailsBoardChart from './expense-details-board-chart.vue'

export default {
  name: 'expense-details-board',
  components: { ExpenseDetailsBoardChart, ExpenseDetailsBoardHead },
  props: ['from']
}
</script>

<style scoped>

</style>
